@import './katex-override.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  margin: 0;
  font-family: var(--joy-fontFamily-body, var(--joy-Josefin Sans, sans-serif));
  line-height: var(--joy-lineHeight-md, 1.5);
  --antd-primary-color: #8665FF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}

a:hover {
  color: #8665FF;
}
.ant-typography .ant-typography-copy{
  color: #8665FF;
}
.ant-typography .ant-typography-copy:hover{
  color: #8665FF;
}

.light {
  color: #333;
  background-color: #f7f7f7;
}

.dark {
  color: #f7f7f7;
  background-color: #151622;
}

.dark-sub-bg {
  background-color: rgb(35, 38, 44);
}

.ant-btn-primary {
  background-color: var(--antd-primary-color);
}

.ant-pagination .ant-pagination-prev * {
  color: var(--antd-primary-color) !important;
}

.ant-pagination .ant-pagination-next * {
  color: var(--antd-primary-color) !important;
}

.ant-pagination .ant-pagination-item a {
  color: rgb(176, 176, 191);
}

.ant-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: var(--antd-primary-color) !important;
}

.ant-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: white !important;
}

.scrollbar-default::-webkit-scrollbar {
  display: block;
  width: 6px;
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}



.dark :where(.css-dev-only-do-not-override-18iikkb).ant-tabs .ant-tabs-tab-btn {
  color: white;
}

:where(.css-dev-only-do-not-override-18iikkb).ant-form-item .ant-form-item-label>label {
  height: 36px;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.react-flow__panel {
  display: none !important;
}

#home-container .ant-tabs-tab-active {
  font-size: 16px;
}

#home-container .ant-tabs-tab {
  font-size: 16px;
}

#home-container .ant-card-body {
  padding: 12px 24px;
}

pre {
  width: 100%;
  overflow: auto;
  white-space: pre-wrap;
  padding-left: 0.5rem;
}

table {
  display: inline-table;
  width: 100%;
  table-layout: fixed;
}

.rc-md-editor {
  height: inherit;
}

.rc-md-editor .editor-container>.section {
  border-right: none !important;
}
.ant-switch{
  background: rgba(0, 0, 0, 0.45);
}

.bg-login-img{
  background: url('/login_bg.svg') no-repeat;
  background-size: 100% 100%;
}

.info-line-btn{
  border-color:#4D7AEE;
  color:#4D7AEE
}

/* table滚动条全局样式 */
.ant-table-body {
  scrollbar-width: thin; /* Firefox兼容 */
  scrollbar-color: #bfbfbf transparent; /* 滑块颜色 | 轨道颜色 */

  /* Webkit系浏览器定制 */
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
  }
  
  &::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #bfbfbf;
    &:hover {
      background: #8c8c8c;
    }
  }
  
  &::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
  }
}

/* 隐藏表头滚动条（解决双滚动条问题） */
.ant-table-header::-webkit-scrollbar {
  display: none;
}
ant-image .ant-image-img {
  width: auto;
}
.ant-tabs-nav{
  margin: 0 !important;
}

.dark .ant-radio-label,.dark .ant-checkbox-label{
  color: white !important;
}
.dark .black .ant-radio-label,.dark .black .ant-checkbox-label{
  color: black !important;
}
.ant-tree-node-content-wrapper{
  display: flex;
  align-items: center;
}
.ant-tree-title{
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.excelDetail .ant-table-cell{
  text-align: center !important;
}
/* ====== workbenches-B620E0 紫色主题控件 ====== */
/* .workbenches-B620E0 input,
.workbenches-B620E0 .ant-input,
.workbenches-B620E0 .ant-input-affix-wrapper,
.workbenches-B620E0 .ant-input-number,
.workbenches-B620E0 .ant-input-number-input {
  border-color: #B620E0 !important;
} */
.workbenches-B620E0 input:focus,
.workbenches-B620E0 .ant-input:focus,
.workbenches-B620E0 .ant-input-affix-wrapper-focused,
.workbenches-B620E0 .ant-input-number-focused,
.workbenches-B620E0 .ant-input-number:focus,
.workbenches-B620E0 .ant-input-number-input:focus {
  border-color: #B620E0 !important;
  box-shadow: 0 0 0 2px rgba(182,32,224,0.15);
}

.workbenches-B620E0 .ant-radio-checked .ant-radio-inner {
  border-color: #B620E0 !important;
  background-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-radio-inner {
  border-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-radio:hover .ant-radio-inner {
  border-color: #B620E0 !important;
}

.workbenches-B620E0 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #B620E0 !important;
  border-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-checkbox-inner {
  border-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #B620E0 !important;
}

.workbenches-B620E0 .ant-input-number,
.workbenches-B620E0 .ant-input-number-input {
  border-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-input-number-focused {
  border-color: #B620E0 !important;
  box-shadow: 0 0 0 2px rgba(182,32,224,0.15);
}

.workbenches-B620E0 .ant-btn-primary,
.workbenches-B620E0 .ant-btn-primary:not(:disabled):hover,
.workbenches-B620E0 .ant-btn-primary:not(:disabled):focus {
  background: #B620E0 !important;
  border-color: #B620E0 !important;
}
.workbenches-B620E0 .ant-btn-primary:not(:disabled):hover,
.workbenches-B620E0 .ant-btn-primary:not(:disabled):focus {
  background: #a01bc7 !important;
  border-color: #a01bc7 !important;
}

/* Select 选中、悬浮、下拉等 */
.workbenches-B620E0 .ant-select-selector:hover,
.workbenches-B620E0 .ant-select:hover .ant-select-selector {
  border-color: #B620E0 !important;
}

.workbenches-B620E0 .ant-select-focused .ant-select-selector,
.workbenches-B620E0 .ant-select-open .ant-select-selector {
  border-color: #B620E0 !important;
  box-shadow: 0 0 0 2px rgba(182,32,224,0.10);
}

/* 下拉项悬浮和选中 */
.workbenches-B620E0 .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.workbenches-B620E0 .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #f7eafd !important;
  color: #B620E0 !important;
}
/* .workbenches-B620E0 .ant-select-arrow {
  color: #B620E0 !important;
} */

.workbenches-B620E0 .ant-input:focus,
.workbenches-B620E0 .ant-input-focused,
.workbenches-B620E0 .ant-input-affix-wrapper-focused,
.workbenches-B620E0 .ant-input:hover,
.workbenches-B620E0 .ant-input-affix-wrapper:hover {
  border-color: #B620E0 !important;
  box-shadow: 0 0 0 2px rgba(182,32,224,0.10);
}

/* Tree 选中、悬浮 */
.workbenches-B620E0 .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: #f7eafd !important;
  color: #B620E0 !important;
  border-radius: 4px;
}
.workbenches-B620E0 .ant-tree .ant-tree-node-content-wrapper:hover {
  background: #f7eafd !important;
  color: #B620E0 !important;
  border-radius: 4px;
}
.workbenches-B620E0 .ant-tree .ant-tree-switcher {
  color: #B620E0 !important;
}
.workbenches-B620E0 .ant-tree .ant-tree-icon__custom svg {
  color: #B620E0 !important;
}

.workbenches-B620E0 button,
.workbenches-B620E0 .ant-btn {
  color: inherit;
  transition: color 0.2s;
}
.workbenches-B620E0 button:hover,
.workbenches-B620E0 .ant-btn:hover {
  color: #B620E0 !important;
}

.workbenches-B620E0 input,
.workbenches-B620E0 .ant-input,
.workbenches-B620E0 .ant-input-affix-wrapper {
  transition: border-color 0.2s;
}
.workbenches-B620E0 input:hover,
.workbenches-B620E0 .ant-input:hover,
.workbenches-B620E0 .ant-input-affix-wrapper:hover {
  border-color: #B620E0 !important;
}

.resource-title-edit .ant-typography .ant-typography-edit{
  margin-left:10px
}
